  // toastr.info('注册成功')
  // toastr.success('注册成功')
  // toastr.warning('注册成功')
  // toastr.error('注册成功')


  // 需求1：点击切换

  let a1 = document.querySelector('.register a')
  let a2 = document.querySelector('.login a')
  let register = document.querySelector('.register')
  let login = document.querySelector('.login')
   


  a1.onclick = function(){
    register.style.display = 'none'
    login.style.display = 'block'
  }

  a2.onclick = function(){
    login.style.display = 'none'
    register.style.display = 'block'
  }


  let inp1 = document.querySelector('.register [name=username]')
  let inp2 = document.querySelector('.register [name=password]')
  let inp3 = document.querySelector('.login [name=username]')
  let inp4 = document.querySelector('.login [name=password]')

   
   // 第一个input 绑定事件

   function verifyInput(ele,tex1,reg,tex2){
    ele.onkeyup = function(){
      // 非空判断
      if(this.value == ''){
       this.nextElementSibling.style.display = 'block'
       this.nextElementSibling.innerHTML = tex1
       return  // 如果满足非空校验条件，后面代码就不用执行了
     } else{
       this.nextElementSibling.style.display = 'none'
       this.nextElementSibling.innerHTML = ''
     } 
       //  需求2 ； 正则校验
      if(reg.test(this.value)){
        // 通过正则校验就要隐藏span
       this.nextElementSibling.style.display = 'none'
       this.nextElementSibling.innerHTML = ''
      }else{
        // 没有通过正则校验， 就要显示span， 设置内容
       this.nextElementSibling.style.display = 'block'
       this.nextElementSibling.innerHTML = tex2
      }      
   }  

   }
   verifyInput(inp1,'用户名不得为空', /^\S{2,15}$/,'用户名必须在2~15位之间')
   verifyInput(inp2,'密码不得为空', /^\S{6,15}$/,'密码必须在6~15位之间')
   verifyInput(inp3,'用户名不得为空', /^\S{2,15}$/,'用户名必须在2~15位之间')
   verifyInput(inp4,'密码不得为空', /^\S{6,15}$/,'密码必须在6~15位之间')
  

  //需求三： 注册功能


  let form1 = document.querySelector('.register form')

  form1.addEventListener('submit',function(e){
    // 阻止默认事件
     e.preventDefault()
     
    // 发送ajax
    axios({
      method:'post',
      url:'/api/register',
      data:{
        username:inp1.value,
        password:inp2.value
      }
    }).then(({data:res})=>{
      // 状态码判断是否为1
      // if(res.code == 1){
      //    return toastr.warning(res.message)
      // }
      // 状态码判断是否为0
      if(res.code == 0){
        toastr.success('恭喜你，注册成功')
        form1.reset()
        a1.click()
      }
    })

  })


  // 需求四：登录功能


  let form2 = document.querySelector('.login form')

  form2.addEventListener('submit',function(e){
   e.preventDefault()

    // 发送ajax
    axios({
      method:'post',
      url:'/api/login',
      data:{
        username:inp3.value,
        password:inp4.value
      }
    }).then(({data:res})=>{
      // 状态码判断
      // if(res.code == 1){
      //   return toastr.warning(res.message)
      // }

      if(res.code == 0){
        toastr.success('恭喜你，登录成功')
       location.href = './index.html'
       localStorage.setItem('token',res.token)
      }
    })
  })



